Simple and Usable Web, Mobile, and Interaction Design (Voices That Matter) by Giles Colborne

Author:Giles Colborne [Colborne, Giles]
Language: eng
Format: epub, pdf
Tags: Web, Page Design, Human-Computer Interaction, Social Aspects, Computers, General, User Interfaces, Site Design, Internet, Interactive & Multimedia
ISBN: 9780321703545
Publisher: New Riders Press
Published: 2010-09-18T04:00:00+00:00

Download from WoweBook.com

Before

November

2010

GO

2010

2009

9

ptg

After

September 2010

August

2010

July

2010

June

2010

0

May

May

2010

2010

April

April

2010

2010

March

March

2010

2010

February

February 2010

2010

Download from WoweBook.com

Visual clutter

Removing visual clutter means people have to process less information and can concentrate on what’s important on the page. I’ve noticed that users describe interfaces they like as “clean,” meaning free from clutter.

The designer Edward Tufte talks about needing to make the “data-ink ratio” as high as possible. In other words, ink (or pixels) shouldn’t be wasted on anything that isn’t content or in repeating content. So he removes the gridlines on graphs, leaving just the axes and the zigzag line of the graph itself. He reasons that the gridlines distract the reader from the important data: the shape of the graph.

The process for removing clutter is simple. Look at each element in the design and ask why it is needed. Is it critical information or there for support? Try to remove it from the design. If the design no longer works, replace the element.

Here are some good ways to limit visual clutter:

ptg

Use white space or subtle background tints to divide up the page rather than lines. Why? Because lines sit in the foreground, so you pay more attention to them than tints or white space that sit in the background.

Use the minimum possible emphasis. Don’t make something bold,

large, and red, if simply making it bold will do.

Avoid thick dark lines where fine, light lines will do.

Limit the levels of information. If you have more than two or three levels of information on a page you may be confusing the user. For instance, limit the number, sizes, and weights of fonts. Try to keep to just two or three levels in total, e.g., a headline, subheading, and body text.

Limit the variation in sizes of elements. For instance, if you’re designing an online newspaper, you might have a large block of

text for the main story and five smaller blocks of text for secondary stories, rather than six blocks of text in different sizes.

Limit the variation in shapes of elements. Stick to one button style rather than using three or four different ones.

You’ll be surprised how much clutter you can remove from a page.

98 • PART 4: REMOVE

Download from WoweBook.com

Download

Copyright Disclaimer:
This site does not store any files on its server. We only index and link to content provided by other sites. Please contact the content providers to delete copyright contents if any and email us, we'll remove relevant links or contents immediately.